<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
    <link type="text/css" rel="stylesheet" href="fontsawesome/css/font-awesome.css"/>
    <link type="text/css" rel="stylesheet" href="css/style_index.css"/>
    <style type="text/css">
        @keyframes fade-in {
            0% {opacity: 0;}/*初始状态 透明度为0*/
            40% {opacity: 0;}/*过渡状态 透明度为0*/
            100% {opacity: 1;}/*结束状态 透明度为1*/
        }
        @-webkit-keyframes fade-in {/*针对webkit内核*/
            0% {opacity: 0;}
            40% {opacity: 0;}
            100% {opacity: 1;}
        }
        body {
            animation: fade-in;/*动画名称*/
            animation-duration: 1.5s;/*动画持续时间*/
            -webkit-animation:fade-in 1.5s;/*针对webkit内核*/
        }

    </style>
</head>
<body>
<!--今日预约-->
<div class="hello_box hello_order">
    <h2><span></span>欢迎使用超市管理系统</h2>
    <div class="hello_info">
        <ul>
            <li>
                <label>设计者：</label>
                <span>苟鑫</span>
                <span>18888888888</span>
                <span>QQ </span>
            </li>
            <li>
                <label>公司座机：</label>
                <span>0666-6666666</span>
            </li>
            <li>
                <label>公司地址：</label>
                <span>---------------</span>
            </li>
            <li>
                <label>注意：</label>
                <span>所有通过管理员添加注册的员工账户密码为:123456,员工登录后请让员工自行进行修改</span>
            </li>
        </ul>
    </div>
</div>
<!--技术支持-->
<div class="hello_box hello_opera" id="donghua">
</div>
<!--javascript include-->
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/tipSuppliers.js"></script>
<script>
    $(function(){
        function box(){
            var bodyH = $("body").height(),
                bodyW = $("body").width(),
                boxL = parseInt($(".hello_box").css("margin-left"));
            $(".hello_order").css({"width":(parseInt(bodyW)-(boxL*3)-505),"height":parseInt(bodyH)-70});
            $(".hello_opera").css({"width":"445px","height":(parseInt(bodyH)-210)/3});
        };
        box();
        $(window).resize(function(){
            box();
        });
    });
</script>
</body>
</html>
